/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Project
    created:    YYYY-MM-DD
    author:     yvevan

    summary:    PRINT
                RESET
                GENERIC
                OOCSS
                
----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
    
}

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    height:100%;
    color:#232323;
    background:#fff;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
input, textarea, select {/*not working with selects on IE6 IE7*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea { overflow:auto; }

sup { vertical-align:text-top; }

hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}
button::-moz-focus-inner { /*firefox extra padding removed*/
    border: 0;
    padding: 0;
}
input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =GENERIC
----------------------------------------------------------------------------- */
#content {
    margin:0 auto;
    width:100%;
    position:relative;
}

a {
    color:#232323;
    cursor:pointer;
	text-decoration:none;
}


/* =OOCSS (https://github.com/stubbornella/oocss)
----------------------------------------------------------------------------- */
/* grids : https://github.com/stubbornella/oocss/blob/master/core/grid/grids.css */
.line:before,.line:after{content:"";display:table;}/*'line' is the container*/
.line:after{clear:both;}
.line{*zoom:1;}
.unit{float:left;}/*a 'unit' is a floating block in the 'line'*/
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{float:none;display:block;display:table-cell;width:9999em;*width:auto;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.ofh { overflow:hidden;zoom:1; }/*in case you don't want to use 'line' method*/

/* space : https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css*/
/** 
 * Spacing classes 
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions! 
 * <type><location><size>
 */
 
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0px}
.pts,.pvs,.pas{padding-top:5px}
.ptm,.pvm,.pam{padding-top:10px}
.ptl,.pvl,.pal{padding-top:20px}
.prn,.phn,.pan{padding-right:0px}
.prs,.phs,.pas{padding-right:5px}
.prm,.phm,.pam{padding-right:10px}
.prl,.phl,.pal{padding-right:20px}
.pbn,.pvn,.pan{padding-bottom:0px}  
.pbs,.pvs,.pas{padding-bottom:5px}
.pbm,.pvm,.pam{padding-bottom:10px}
.pbl,.pvl,.pal{padding-bottom:20px}
.pln,.phn,.pan{padding-left:0px}
.pls,.phs,.pas{padding-left:5px}
.plm,.phm,.pam{padding-left:10px}
.pll,.phl,.pal{padding-left:20px}
.mtn,.mvn,.man{margin-top:0px}
.mts,.mvs,.mas{margin-top:5px}
.mtm,.mvm,.mam{margin-top:10px}
.mtl,.mvl,.mal{margin-top:20px}
.mrn,.mhn,.man{margin-right:0px}
.mrs,.mhs,.mas{margin-right:5px}
.mrm,.mhm,.mam{margin-right:10px}
.mrl,.mhl,.mal{margin-right:20px}
.mbn,.mvn,.man{margin-bottom:0px}  
.mbs,.mvs,.mas{margin-bottom:5px}
.mbm,.mvm,.mam{margin-bottom:10px}
.mbl,.mvl,.mal{margin-bottom:20px}
.mln,.mhn,.man{margin-left:0px}
.mls,.mhs,.mas{margin-left:5px}
.mlm,.mhm,.mam{margin-left:10px}
.mll,.mhl,.mal{margin-left:20px}

/*************************************************************** FONTS */
@font-face {font-family: 'TeXGyreAdventorRegular';src: url('../fonts/TexGyre/texgyreadventor-regular-webfont.eot');src: url('../fonts/TexGyre/texgyreadventor-regular-webfont.eot?iefix') format('eot'),url('../fonts/TexGyre/texgyreadventor-regular-webfont.woff') format('woff'),url('../fonts/TexGyre/texgyreadventor-regular-webfont.ttf') format('truetype'),url('../fonts/TexGyre/texgyreadventor-regular-webfont.svg#webfontVNQ4fiYu') format('svg');font-weight: normal;font-style: normal}

@font-face {font-family: 'TeXGyreAdventorItalic';src: url('../fonts/TexGyre/texgyreadventor-italic-webfont.eot'); src: url('../fonts/TexGyre/texgyreadventor-italic-webfont.eot?iefix') format('eot'), url('../fonts/TexGyre/texgyreadventor-italic-webfont.woff') format('woff'), url('../fonts/TexGyre/texgyreadventor-italic-webfont.ttf') format('truetype'),url('../fonts/TexGyre/texgyreadventor-italic-webfont.svg#webfontT2RgH7m3') format('svg');font-weight: normal;font-style: normal}

@font-face {font-family: 'TeXGyreAdventorBold';src: url('../fonts/TexGyre/texgyreadventor-bold-webfont.eot');src: url('../fonts/TexGyre/texgyreadventor-bold-webfont.eot?iefix') format('eot'),url('../fonts/TexGyre/texgyreadventor-bold-webfont.woff') format('woff'),url('../fonts/TexGyre/texgyreadventor-bold-webfont.ttf') format('truetype'),url('../fonts/TexGyre/texgyreadventor-bold-webfont.svg#webfont5xaUGbMa') format('svg');font-weight: normal;font-style: normal}

@font-face {font-family: 'TeXGyreAdventorBoldItalic';src: url('../fonts/TexGyre/texgyreadventor-bolditalic-webfont.eot');src: url('../fonts/TexGyre/texgyreadventor-bolditalic-webfont.eot?iefix') format('eot'),url('../fonts/TexGyre/texgyreadventor-bolditalic-webfont.woff') format('woff'),url('../fonts/TexGyre/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),url('../fonts/TexGyre/texgyreadventor-bolditalic-webfont.svg#webfontNpLiKCmY') format('svg');font-weight: normal;font-style: normal}


/*************************************************************** HEADER */
#header {
	width:100%;
	height:274px;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
#header.header-home {
	margin-bottom:22px;
	height:442px !important;
}
.header-block-info {
	width:900px;
	position:absolute;
	left:50%;
	bottom:63px;
	margin-left:-450px;
	z-index:2;
}
#header .carousel-home {
	height:274px;
	overflow:hidden
}
.header-home .carousel-home {
	height:auto !important;
}

/*************************************************************** CAROUSEL HOME */
.carousel-home {
	width:1280px;
	position: relative;
	margin:0 auto;
}
.carousel-home img {
	display: block;
	float: left;
}
.carousel-home .block-pagination {
	width:900px;
	height:442px;
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-450px;
}
.pagination {
	text-align: center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.pagination a {
	background: url(../img/skin/carousel-home-sprite-pag.png) 0 0 no-repeat;
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: 0 -15px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}


/*************************************************************** MENU */
.menu{
	width:900px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-450px;
	background:url(../img/skin/bg-menu.png) repeat left top;
	z-index:2;
}
.menu .logo {
	padding:11px 0 11px 14px;
}
.menu .list-level-01 li a {
	font-family:TeXGyreAdventorRegular, arial, sans-serif;
	text-transform:uppercase;
	width:118px;
	display:block;
	color:#737373;
}
.menu .list-level-01 {
	float:right;
}
.menu .list-level-01 .level-01 {
	float:left;
	position:relative;
}
.menu .list-level-01 .level-01 a {
	font-size:11px;
	text-align:center;
	padding:20px 0;
	background:url(../img/skin/filet-menu.png) repeat-y left top;
	cursor:default
}
.menu .list-level-01 .level-01:hover a {
	background:url(../img/skin/filet-menu.png) repeat-y left top #fff;
	color:#232323;
}
.menu .list-level-01 .level-01:hover .list-level-02 {
	display:block;
}
.menu .list-level-02 {
	position:absolute;
	left:0;
	top:56px;
	display:none;
}
.menu .list-level-02 li a {
	width:118px;
	display:block;
	padding:10px 0 !important;
	font-size:10px !important;
	white-space:normal;
	border-top:1px solid #bcbcbc;
	/*background:#fff !important;*/
	background:url(../img/skin/bg-menu.png) repeat left top !important;
	color:#737373 !important;
}
.menu .list-level-02 li:hover a {
	background:#fff !important;
	color:#232323 !important;
	cursor:pointer
}

/*************************************************************** ENCART RAPPORT */
#header .encart-report {
	background:none;
	width:900px;
	position:absolute;
	left:50%;
	bottom:13px;
	margin-left:-450px;
}
#header .encart-report .block-download-01 {
	position:relative;
	float:right;
	background:#fff;
	padding:20px;
	width:210px;
	margin-bottom:0;
}

/*************************************************************** FOOTER */
#footer {
	width:100%;
	background:#e3e3e3;
	overflow:hidden;
}
.area-window {
	width:900px;
	margin:0 auto;
}
#footer li {
	float:left;
	padding:12px 0;
}
#footer li a {
	font-family:TeXGyreAdventorRegular, arial, sans-serif;
	text-transform:uppercase;
	font-size:10px;
}
#footer li a:hover { text-decoration:underline }
#footer li span {
	padding:0 14px;
}
#footer .list-left {
	float:left;
}
#footer .list-right {
	float:right;
}

/*************************************************************** PAGE */
#page {
	width:100%;
	padding-bottom:260px;
	position:relative
}
.page-inner {
	width:900px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

/*************************************************************** COLONNE 1-3 */
.col-1-3,
.col-2-3 {
	width:290px;
	float:left;
	margin-right:15px;
	overflow:hidden;
	margin-bottom:20px;
}
.col-1-3.last,
.col-2-3.last {
	margin-right:0;
}

/*************************************************************** COLONNE 2-3 */
.col-2-3 {
	width:589px;
}

/*************************************************************** BLOCK DOWNLOAD 1 et 2 */
.block-download-01 {
	margin-bottom:13px;
	min-height:80px;
}
.block-download-01,
.block-download-02 {
	padding-bottom:13px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
.block-download-01 .detail,
.block-download-02 .detail {
	overflow:hidden;
	display:block
}
.block-download-01 .picture,
.block-download-02 .picture {
	float:left;
	margin-right:10px;
	min-width:59px;
	min-height:79px;
	text-align:center;
	display:block;
}
.block-download-01 .picture-little img {
	padding-top:12px;
}
.block-download-01 span {
	line-height:18px;
}
.block-download-01 .date,
.block-download-02 .date {
	font-size:12px;
	display:block;
}
.block-download-01 .label,
.block-download-02 .label {
	font-size:14px;
	font-weight:bold;
	display:block;
}
.block-download-01 .poids,
.block-download-02 .poids  {
	color:#9f9f9f;
	font-size:12px;
}

/*************************************************************** BLOCK DOWNLOAD 2 */
.block-download-02 {
	clear:both;
	border-bottom:0;
	margin-bottom:0;
}
.block-download-02 .picture {
	min-width:19px;
	min-height:25px;
}
.block-download-02 span {
	line-height:15px;
}
.block-download-02 .date {
	font-size:11px;
	display:block;
}
.block-download-02 .label {
	font-size:12px;
	font-weight:bold;
	display:block;
	padding-bottom:2px;
	height:32px;
	overflow:hidden
}
.block-download-02 .poids  {
	color:#9f9f9f;
	font-size:12px;
}
.block-download-02.last {
	padding-bottom:25px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.block-download-02 .txt-05 {
	height:50px;
	overflow:hidden
}

/*************************************************************** BLOCK NUMBER */
.block-number {
	min-height:42px;
	margin-bottom:13px;
	padding-bottom:13px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}
.block-number .txt-01 {
	float:left;
	padding-right:18px;
	line-height:42px;
}
.block-number .txt-02,
.block-number .txt-06 {
	overflow:hidden;
}
.block-number.last {
	border-bottom:none;
}

/*************************************************************** BLOCK ENSEIGNE */
.block-enseigne .picture-01,
.block-enseigne .picture-02  {
	float:left;
}
.block-enseigne .picture-01 {
	padding-right:20px;
	border-right:1px solid #ccc;
}
.block-enseigne .picture-02 {
	padding-left:20px;
}

/*************************************************************** BLOCK INFO */
.block-info {
	width:525px;
	background:#fff;
}
.block-info .inner {
	padding:10px 20px 20px 20px;
}

/*************************************************************** BLOCK PRESSE */
#header .block-presse {
	width:auto !important;
	padding-top:15px !important;
}
#header .block-presse img {
	display:block;
	padding-bottom:5px;
}
#header .block-presse span,
#header .block-presse a {
	display:block;
	font-size:11px;
	line-height:14px;
}
#header .block-presse .col {
	float:left;
	width:125px;
}

/*************************************************************** TITLES */
.title-01,
.title-03,
.title-04 {
	font-size:24px;
	font-family:TeXGyreAdventorRegular, arial;
	text-transform:uppercase;
	padding-bottom:22px;
	font-weight:normal;
}
.title-02 {
	font-size:48px;
	font-family:TeXGyreAdventorRegular, arial;
	text-transform:uppercase;
	padding-bottom:6px;
	font-weight:normal;
}
.title-03 {
	padding-bottom:0;
}
.title-04 {
	line-height:14px;
	padding-bottom:17px;
	font-size:16px;
}
.title-05 {
	font-size:18px;
	font-family:TeXGyreAdventorRegular, arial;
	text-transform:uppercase;
	font-weight:normal;
}
.title-06.title-date {
	font-family:TeXGyreAdventorRegular, arial;
	font-size:24px;
	padding:2px 0 5px 10px;
	color:#FFFFFF;
	background:#959595;
	line-height:23px;
	margin:60px 0 35px 0;
	clear:both;
	font-weight:normal;
}
.title-07 {
	font-size:14px;
	font-family:TeXGyreAdventorRegular, arial;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:8px;
}

/*************************************************************** LINKS */
.link-01 {
	color:#c10a27;
	font-size:12px;
	text-decoration:underline;
}
.link-02 {
	color:#c10a27;
	font-size:12px;
	background:url(../img/skin/puces.png) no-repeat left 3px;
	padding-left:12px;
}
.link-02:hover {
	text-decoration:underline
}

/*************************************************************** TXT */
.txt-01 {
	font-family:arial;
	font-size:48px;
	font-weight:bold;
	color:#c10a27;
}
.txt-02 {
	font-size:12px;
	font-weight:bold;
	color:#4d4d4d;
}
.txt-03 {
	font-size:12px;
	font-family:TeXGyreAdventorRegular, arial;
	font-weight:normal;
}
.txt-04 {
	font-size:12px;
	font-weight:bold;
	color:#232323;
}
.txt-05 {
	font-size:12px;
	color:#232323;
	display:block
}
.txt-06 {
	font-size:14px;
	font-weight:bold;
	color:#4d4d4d;
}
.txt-07 {
	font-size:12px;
	color:#6d6d6d;
	font-style:italic;
}

/*************************************************************** LISTS */
.list-01 li {
	background:url(../img/skin/puces.png) no-repeat left -91px;
	padding-left:8px;
}

/*************************************************************** BARRE DE FILTRE */
.block-mobile {
	background:#000;
	position:absolute;
	left:0;
	top:27px;
	width:100%;
	z-index:2
}
.block-mobile.fixe {
	position:fixed;
	top:0;
}
.block-mobile .block-mobile-inner {
	width:900px;
	margin:0 auto;
	height:28px;
}
.block-mobile h1 {
	font-size:16px;
	color:#fff;
	font-family:TeXGyreAdventorRegular, arial, sans-serif;
	text-transform:uppercase;
	float:left;
	margin-right:18px;
	padding-top:1px;
}
.block-mobile .menu-deroulant {
	float:left;
	margin-right:18px;
	margin-top:3px;
	position:relative
}
.block-mobile .menu-deroulant .field-01 {
	font-family:TeXGyreAdventorRegular, arial, sans-serif;
	font-size:11px;
	background:url(../img/skin/pictos-menu-deroulant.png) no-repeat #fff;
	border:1px solid #d9d9d9;
	text-transform:uppercase;
	padding:2px 10px 2px 8px;
}
.block-mobile .menu-deroulant-01 .field-01 {
	background-position:118px -85px;
}
.block-mobile .menu-deroulant-01:hover .field-01 {
	background-position:118px 6px;
}
.block-mobile .menu-deroulant-02 .field-01 {
	background-position:277px -85px;
}
.block-mobile .menu-deroulant-02:hover .field-01 {
	background-position:277px 6px;
}
.block-mobile .menu-deroulant-01 {
	width:142px;
}
.block-mobile .menu-deroulant-01 ul {
	width:140px;
}
.block-mobile .menu-deroulant-02 {
	width:300px;
}
.block-mobile .menu-deroulant-02 ul {
	width:298px;
}
.block-mobile .menu-deroulant ul {
	background:#fff;
	border:1px solid #d9d9d9;
	border-top:none;
	padding-bottom:5px;
	position:absolute;
	top:21px;
	left:0;
}
.block-mobile .menu-deroulant ul li a {
	color:#858585;
	display:block;
	padding:4px 20px 4px 8px;
	font-family:TeXGyreAdventorRegular, arial, sans-serif;
	font-size:11px;
	text-transform:uppercase;
}
.block-mobile .menu-deroulant ul li a:hover {
	color:#232323;
}

.curseur {
	position:absolute;
	right:0;
	top:100px;
	height:31px;
	background:url(../img/skin/bg-curseur.png) no-repeat right top;
}
.curseur.fixe,
.bt-top {
	position:fixed;
	top:100px;
	right:auto;
	left:50%;
	margin-left:365px;
}
.curseur p {
    color: #FFFFFF;
    font-family: TeXGyreAdventorRegular,arial;
    font-size: 24px;
    line-height: 23px;
	padding:2px 22px 0 11px;
}

.bt-top {
	margin-left:368px;
	bottom:0px;
	top:auto;
	display:none;
}
.bt-top.limite {
	bottom:39px;
}

/*************************************************************** PAGE EDITO */
.page-edito .txt-04,
.page-edito .txt-05 {
	padding-bottom:13px;
}
.page-edito .txt-05  img {
	display:block;
	padding-bottom:14px;
}
.block-article,
.block-3-col,
.block-video {
	padding-bottom:60px;
	overflow:hidden;
}
.block-video {
	text-align:center;
}
.align-right {
	text-align:right;
}
.txt-align-right { text-align:right }
.page-edito img {
	padding-bottom:5px;
}










/*************************************************************** FIL D'ARIANE */
.breadcrumb,
.breadcrumb a  {
	color:#9f9f9f;
	font-size:12px;
	margin-bottom: 12px;
}
.breadcrumb a	{
	text-decoration: underline;
}
.breadcrumb a:hover,
.breadcrumb a:focus	{
	text-decoration: none;
}


.cage	{
	overflow: hidden;
	width: 900px;
}

.title-05 {
	font-family:TeXGyreAdventorRegular, arial;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}
.title-06 {
	color: #c10a27;
	font-family:TeXGyreAdventorRegular, arial;
	font-size:16px;
	font-weight: normal;
	text-transform:uppercase;
}


/*************************************************************** RAPPORTS ANNUELS */
.report	{
	font-size: 12px;
	height: 156px;
	line-height: 1.35;
	margin: 6px 0 60px 0;
	padding: 20px 15px 0 0;
	width: 290px;
}
.reports .last	{
	padding-right: 0;
}
.report img	{
	border: 1px solid #868686;
	float: left;
	margin: -20px 10px 0 0;
}
.report strong	{
	display: block;
	font-size: 14px; 
}
.report span	{
	color: #959595;
}
.report span em	{
	color: #c10a27;
	font-style: normal;
	text-decoration: underline;
}
.reports .report	{
	float: left;
	margin: 32px 0 0 0;
}


/*************************************************************** RECRUTEMENT */
.recruitment	{
	float: left; 
	margin-top: 15px;
	padding-right: 60px;
	width: 400px;
}
.recruitment h2	{
	height: 91px;
}
.recruitments .last	{
	padding-right: 40px;
}
.recruitments p	{
	font-size: 12px;
	margin-top: 20px;
}


/*************************************************************** NOUS CONTACTER */
.contact	{
	float: left;
	margin-top: 18px;
	width: 307px;
}
.contacts .last	{
	font-size: 12px;
	width: 286px;
}
.contact h2	{
	height: 91px;
}
.contacts .last h2	{
	border-top: 1px solid #cccccc;
	font-size: 12px;
	height: auto;
	margin-top: 15px;
	padding-top: 15px;
}
.contacts .last h2.first	{
	border: 0;
	margin: 0;
	padding: 0;
}
.contact dl	{
	font-size:14px;
	font-family:TeXGyreAdventorBold, arial;
	line-height: 1.2;
	text-transform:uppercase;
}
.contact dt,
.contact dd	{
	display: block;
}
.contact dt	{
	margin-top: 20px;
}
.contact dl a	{
	font-size:12px;
}
.contacts .last p	{
	margin-top: 15px;
}
.contacts .tel + .tel	{
	margin: 0;
}

/*************************************************************** HISTORIQUE */
.historiques,
.historiques .cage	{
	width: 658px;
}
.historiques .cage	{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
	padding: 4px 0 20px 0;
}
.historiques h2	{
	padding-bottom: 10px;
}
.historiques .cage img	{
	float: left;
	margin: 5px 20px 0 0;
}
.historique	{
	overflow: hidden;
}
.historiques .cage img + .historique	{
	margin-top: 5px;
}
.historique .title-01	{
	line-height: 1;
	padding: 0;
}
.historique p	{
	font-size: 12px;
	margin-top: 7px;
}




